<!DOCTYPE html>
<html lang="en">
<head>
    <!-- META TAGS -->
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="robots" content="INDEX,FOLLOW" />
    <!-- MAIN HEAD -->
    <title>Sản phẩm - Mai Hoang JSC.</title>
    <link href="css/core.css" rel="stylesheet" />
    <link href="css/styles.css" rel="stylesheet" />
    <link href="css/slider.css" rel="stylesheet" />
    <link href="css/css3main.css" rel="stylesheet" />
    <!--[if lt IE 9]>
        <link href="css/fixIE.css" rel="stylesheet" />
        <script type="text/javascript" src="js/html5.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="js/oe.js"></script>
    <script>
        // Run script
        $(function(){
            // Hidden Navigation
            $('#nav-thief').oeGoner({
                startFrom: '#wrapper',
                bottomBleed : 10
            });
        });
    </script>
</head>
<body>
    <header role="info">
        <div class="head-top">
            <ul class="clearfix">
                <li><i class="icon-tel">&nbsp;</i>012.345.6789</li>
                <li><i class="icon-mail">&nbsp;</i>info@maihoangjsc.com</li>
                <li><i class="icon-pin">&nbsp;</i>Số 1 - Hồ Hoàn Kiếm - Hà Nội</li>
            </ul>
        </div>
        <div class="container clearfix">
            <h1 class="logo"><a href="#">Công ty Cổ phần Mai Hoàng</a></h1>
            <nav class="mainnav">
                <ul>
                    <li><a href="/" class="active">Trang chủ</a></li>
                    <li><a href="/page.html">Giới thiệu</a></li>
                    <li><a href="/product.html">Sản phẩm</a></li>
                    <li><a href="/product_single.html">Trang Sản phẩm</a></li>
                    <li><a href="/news.html">Tuyển dụng</a></li>
                    <li><a href="/contact.html">Liên hệ</a></li>
                </ul>
            </nav>
        </div>
        <div id="nav-thief" class="fadeIn slideFromTop">
            <div class="container">
                <h1 class="logo"><a href="#">Công ty Cổ phần Mai Hoàng</a></h1>
                <nav class="clearfix">
                    <ul>
                        <li><a href="/" class="active">Trang chủ</a></li>
                        <li><a href="/page.html">Giới thiệu</a></li>
                        <li><a href="/product.html">Sản phẩm</a></li>
                        <li><a href="/product_single.html">Trang Sản phẩm</a></li>
                        <li><a href="/news.html">Tuyển dụng</a></li>
                        <li><a href="/contact.html">Liên hệ</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <div id="wrapper">
        <div class="spotlight">
            <img src="./images/cat/1.jpg" alt="Category Image" class="spl-thumb"/>
            <h2 class="spl-info small">Sản phẩm</h2>
        </div><!-- /.spotlight -->
        <section class="main-content container">
            <div class="cat-filter clearfix">
                <span class="ftr-clip"><i class="icon-list">&nbsp;</i></span>
                <ul class="ftr-list">
                    <li><a href="#" class="active">Tất cả</a></li>
                    <li><a href="#">Đồ gia dụng</a></li>
                    <li><a href="#">Hàng tiêu dùng</a></li>
                    <li><a href="#">Chăm sóc sức khỏe</a></li>
                    <li><a href="#">Sản phẩm khác</a></li>
                </ul>
            </div>
            <div class="popbox hide prd-load"><span class="icon-loading"></span><i>Đang tải...</i></div>
            <div class="prd-container clearfix">
                <section class="prd-box">
                    <div class="pb-hovbox">
                        <a href="#" class="pb-thumb"><img src="./images/examples/big1.jpg" alt="Product 1 title"></a>
                        <div class="pb-mask">
                            <a href="#" class="circle-red"><i class="icon-search"></i></a>
                        </div>
                    </div>
                    <div class="pb-caption">
                        <h2><a href="#">Mỹ phẩm chăm sóc da</a></h2>
                        <p>Nunc justo lacus, molestie ut porta id proin sit amet aliquet massa phasellus id...</p>
                        <a href="#" class="pbc-cattag">Hàng tiêu dùng</a>
                    </div>
                </section>
                <section class="prd-box">
                    <div class="pb-hovbox">
                        <a href="#" class="pb-thumb"><img src="./images/examples/big2.jpg" alt="Product 2 title"></a>
                        <div class="pb-mask">
                            <a href="#" class="circle-red"><i class="icon-search"></i></a>
                        </div>
                    </div>
                    <div class="pb-caption">
                        <h2><a href="#">Mỹ phẩm chăm sóc da</a></h2>
                        <p>Nunc justo lacus, molestie ut porta id proin sit amet aliquet massa phasellus id...</p>
                        <a href="#" class="pbc-cattag">Hàng tiêu dùng</a>
                    </div>
                </section>
                <section class="prd-box">
                    <div class="pb-hovbox">
                        <a href="#" class="pb-thumb"><img src="./images/examples/big3.jpg" alt="Product 3 title"></a>
                        <div class="pb-mask">
                            <a href="#" class="circle-red"><i class="icon-search"></i></a>
                        </div>
                    </div>
                    <div class="pb-caption">
                        <h2><a href="#">Mỹ phẩm chăm sóc da</a></h2>
                        <p>Nunc justo lacus, molestie ut porta id proin sit amet aliquet massa phasellus id...</p>
                        <a href="#" class="pbc-cattag">Hàng tiêu dùng</a>
                    </div>
                </section>
                <section class="prd-box">
                    <div class="pb-hovbox">
                        <a href="#" class="pb-thumb"><img src="./images/examples/big4.jpg" alt="Product 4 title"></a>
                        <div class="pb-mask">
                            <a href="#" class="circle-red"><i class="icon-search"></i></a>
                        </div>
                    </div>
                    <div class="pb-caption">
                        <h2><a href="#">Mỹ phẩm chăm sóc da</a></h2>
                        <p>Nunc justo lacus, molestie ut porta id proin sit amet aliquet massa phasellus id...</p>
                        <a href="#" class="pbc-cattag">Hàng tiêu dùng</a>
                    </div>
                </section>
                <section class="prd-box">
                    <div class="pb-hovbox">
                        <a href="#" class="pb-thumb"><img src="./images/examples/big5.jpg" alt="Product 5 title"></a>
                        <div class="pb-mask">
                            <a href="#" class="circle-red"><i class="icon-search"></i></a>
                        </div>
                    </div>
                    <div class="pb-caption">
                        <h2><a href="#">Mỹ phẩm chăm sóc da</a></h2>
                        <p>Nunc justo lacus, molestie ut porta id proin sit amet aliquet massa phasellus id...</p>
                        <a href="#" class="pbc-cattag">Hàng tiêu dùng</a>
                    </div>
                </section>
                <section class="prd-box">
                    <div class="pb-hovbox">
                        <a href="#" class="pb-thumb"><img src="./images/examples/big6.jpg" alt="Product 6 title"></a>
                        <div class="pb-mask">
                            <a href="#" class="circle-red"><i class="icon-search"></i></a>
                        </div>
                    </div>
                    <div class="pb-caption">
                        <h2><a href="#">Mỹ phẩm chăm sóc da</a></h2>
                        <p>Nunc justo lacus, molestie ut porta id proin sit amet aliquet massa phasellus id...</p>
                        <a href="#" class="pbc-cattag">Hàng tiêu dùng</a>
                    </div>
                </section>
            </div><!-- /.product-container -->
            <div class="clear"></div>
        </section><!-- /.main-content -->
    </div><!-- /#wrapper -->
    <footer>
        <div class="container clearfix">
            <span class="separator">&nbsp;</span>
            <div class="foot-left">
                <h5 class="foot-logo">Mai Hoang JSC.</h5>
                <div class="foot-info">
                    <p><strong>Công ty Cổ phần Mai Hoang</strong></p>
                    <p>Trụ sở chính: Số 1 - Hồ Hoàn Kiếm - Hà Nội</p>
                    <p>Tel: (84.4) 123.4567  Fax: (84.4) 987.6543</p>
                    <p>E-mail: info@maihoangjsc.com</p>
                </div>
            </div>
            <div class="foot-right">
                <p>Copyright © Mai Hoang 2013. Developed by <a href="http://ownego.com">OwnEGO</a>.
</p>
            </div>
        </div>
    </footer>
</body>
</html>